/** 
  * site:     OÜ Unistuste aiad
  * author:   Tauri Nikkari 
  * comments: 
  */

/*****Reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
  border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline; }
body{ 
    background-color: #266411;
    background-image: url("bg.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    height: 100%;
    line-height: 1;}
    
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0; }

p{
  margin-top:10px;
}

#wraper{
  width: 100%;
  height: 100%;
  
}

/* GLOBAL */
.header, .topMenu, .mainContent{
  width:900px;
}
.frontBox{
background-image: url(transBg.png);

}
/* END GLOBAL */

.topMenu{
  height:100px;
  width:904px;
}

.mainMenu{
  color:#ffffff;
  font-weight: bold; 
  float:right;
  padding-top:32px;
}

.mainMenu, .mainMenu li a,.mainMenu li a:visited{
  color:#ffffff;
  text-decoration: none;
}
.mainMenu li a{display:block;}
.mainMenu li{
  float:left;
  margin-left:3px;
  width:100px;
  padding:8px 0;
}
.mainMenu li:hover{
  float:left;
  margin-left:3px;
  width:100px;
 /* border: solid 1px;*/
  background-image: url(transBg.png);
  padding:8px 0;
}

#logo{
  float:left;
  height:75px;
  margin:10px;
  position:relative;
  
}
.header{
  border:2px solid #B0DD00;
  color:#fff;
  font-family:Comic Sans MS Arial;
  height:260px;
  line-height:17px;
  background-image: url(transBg.png);
  overflow:hidden;
}

.mainContent{
  height: 160px;
  margin-top: 10px;
  width: 904px;
  color:#ffffff;
}

.frontBox {
    border: 2px solid #B0DD00;
    /* display: inline-block; */
    float: left;
    height: 100%;
    margin: 6px;
    width: 289px;
}
.frontBoxHeader {
    height: 20px;
    line-height: 20px;
    width: 100%;
    background-color:  #B0DD00;
    color: #266411;
}
.frontBox .content{
  padding:15px;
  text-align: left;
}
.frontBox .content p{
  margin-top:0;
  line-height: 14px;
}
.list li{
  list-style:disc inside none;
  margin-bottom: 5px;
}